* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: url(../images/bg.jpg);
  background-size: cover;
}
li {
  list-style-type: none;
}
i {
  font-style: normal;
}
header {
  position: relative;
  height: 2rem;
  background: url(../images/head_bg.png);
  background-size: 100% 100%;
  opacity: 0.6;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
header h1 {
  line-height: 2rem;
  font-size: 0.8rem;
}
header i {
  display: inline-block;
  position: absolute;
  bottom: -1rem;
  left: 33%;
  content: '';
  height: 2rem;
  width: 33%;
  background: url('../images/line1.png');
  background-size: 100% 100%;
}
.mainbox {
  color: #fff;
  display: flex;
  padding: 0 0.5rem;
  margin-top: 0.5rem;
}
.mainbox .column {
  flex: 1;
}
.mainbox .column:nth-child(1) .bigEcharts {
  width: 15rem;
  height: 5rem;
  color: #fff;
}
.mainbox .column:nth-child(1) .bigEcharts .line {
  width: 100%;
  height: 100%;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum > li {
  position: relative;
  display: flex;
  flex-direction: column;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum > li > span:nth-child(1) {
  font-size: 0.2rem;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum > li > span:nth-child(2) span {
  color: #259BFF;
  font-size: 0.4rem;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum > li > span:nth-child(2) i {
  font-size: 0.2rem;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum > li::after {
  position: absolute;
  top: 0;
  right: -0.8rem;
  content: '';
  width: 0.22rem;
  height: 0.6rem;
  background: url('../images/line2.png');
  background-size: 100% 100%;
}
.mainbox .column:nth-child(1) .AttendanceTrendNum > li:last-child::after {
  opacity: 0;
}
.mainbox .column:nth-child(1) .ServicePersonTime {
  position: relative;
  margin: 0.7rem 0.5rem;
  border: 1px solid #2dc3fa;
}
.mainbox .column:nth-child(1) .ServicePersonTime > ul {
  display: flex;
  justify-content: center;
}
.mainbox .column:nth-child(1) .ServicePersonTime > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding: 0 1rem;
}
.mainbox .column:nth-child(1) .ServicePersonTime > ul > li img {
  width: 0.95rem;
  height: 0.9rem;
}
.mainbox .column:nth-child(1) .ServicePersonTime > ul > li p {
  font-size: 0.2rem;
}
.mainbox .column:nth-child(1) .ServicePersonTime > ul > li p span {
  color: #259BFF;
  margin-left: 0.2rem;
}
.mainbox .column:nth-child(1) .ServicePersonTime > ul > li:last-child span {
  color: #FDD55D;
}
.mainbox .column:nth-child(1) .ServicePersonTime::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 0.21rem;
  height: 0.54rem;
  background: url('../images/line2.png');
  background-size: 100%, 100%;
}
.mainbox .column:nth-child(1) .timeTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainbox .column:nth-child(1) .timeTitle .OpeningTime {
  display: flex;
  align-items: center;
  font-size: 0.23rem;
  line-height: 0.23rem;
}
.mainbox .column:nth-child(1) .timeTitle .OpeningTime i {
  width: 0.1708rem;
  height: 0.1917rem;
  background: url('../images/time_mark.png');
  background-size: 100% 100%;
  margin-right: 0.14rem;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) {
  height: 7.5417rem;
  display: flex;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific > div {
  position: relative;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific > div .line {
  position: absolute;
  left: 0.25rem;
  top: -0.04rem;
  display: inline-block;
  width: 0.08rem;
  height: 1.6rem;
  background-color: #EEA137;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific img {
  width: 1.4rem;
  height: 1.4rem;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific ul {
  width: 3.5rem;
  border-top: 1px solid #EEA137;
  border-right: 1px solid #EEA137;
  border-bottom: 1px solid #EEA137;
  font-size: 0.25rem;
  color: #fff;
  padding: 0 0.12rem;
  margin-left: 0.3rem;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.5rem;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific ul li:nth-child(1) {
  border-bottom: 1px solid #EEA137;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific ul li:nth-child(2) {
  border-bottom: 1px dashed #EEA137;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific ul li:nth-child(2) span:nth-child(2) {
  color: #EEA137;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecific ul li:nth-child(3) span:nth-child(2) {
  color: #EEA137;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) > div {
  position: relative;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) > div .line {
  position: absolute;
  left: 0.25rem;
  top: -0.04rem;
  display: inline-block;
  width: 0.08rem;
  height: 1.6rem;
  background-color: #F24232;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) ul {
  border-top: 1px solid #F24232;
  border-right: 1px solid #F24232;
  border-bottom: 1px solid #F24232;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) ul li:nth-child(1) {
  border-bottom: 1px solid #F24232;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) ul li:nth-child(2) {
  border-bottom: 1px dashed #F24232;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) ul li:nth-child(2) span:nth-child(2) {
  color: #F24232;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecifics:nth-child(2) ul li:nth-child(3) span:nth-child(2) {
  color: #F24232;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box {
  position: relative;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box .line {
  position: absolute;
  left: 0.25rem;
  top: -0.04rem;
  display: inline-block;
  width: 0.08rem;
  height: 1.6rem;
  background-color: #259BFF;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box ul {
  border-top: 1px solid #259BFF;
  border-right: 1px solid #259BFF;
  border-bottom: 1px solid #259BFF;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box ul li:nth-child(1) {
  border-bottom: 1px solid #259BFF;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box ul li:nth-child(2) {
  border-bottom: 1px dashed #259BFF;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box ul li:nth-child(2) span:nth-child(2) {
  color: #259BFF;
}
.mainbox .column:nth-child(1) .panel:nth-child(2) .rankingSpecificss > .box ul li:nth-child(3) span:nth-child(2) {
  color: #259BFF;
}
.mainbox .column:nth-child(2) .BorrowingTrend {
  display: flex;
  justify-content: space-between;
}
.mainbox .column:nth-child(2) .BorrowingTrend .BorrowingTrendul li {
  margin-top: 0.8rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li {
  display: flex;
  margin-top: 0.155rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li img {
  width: 1.5rem;
  height: 1.2rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li .ReadToday {
  width: 5rem;
  height: 1.2rem;
  background-image: url('../images/trend_1_bg.png'), url('../images/trend_1_bg1.png');
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.1rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li .ReadToday span:nth-child(1) {
  font-size: 0.24rem;
  line-height: 1.2rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li .ReadToday span:nth-child(2) i {
  font-size: 0.5rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li .ReadToday span:nth-child(2) span {
  font-size: 0.25rem;
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li:nth-child(2) .ReadToday {
  background-image: url('../images/trend_2_bg1.png'), url('../images/trend_2_bg.png');
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li:nth-child(3) .ReadToday {
  background-image: url('../images/trend_3_bg1.png'), url('../images/trend_3_bg.png');
}
.mainbox .column:nth-child(2) .BorrowingTrend ul li:nth-child(4) .ReadToday {
  background-image: url('../images/trend_4_bg1.png'), url('../images/trend_4_bg.png');
}
.mainbox .panel {
  width: 15.0333rem;
  height: 9.5417rem;
  background: rgba(3, 25, 111, 0.29);
  box-shadow: 0px 0px 18px 0px #2953ff inset;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0.35rem;
}
.mainbox .panel .titleSetType {
  display: flex;
  align-items: center;
  line-height: 0.46rem;
  color: #fff;
}
.mainbox .panel .titleSetType i {
  display: inline-block;
  width: 0.4167rem;
  height: 0.5833rem;
  background: url('../images/title_mark.png');
  background-size: 100% 100%;
}
.mainbox .panel .titleSetType h1 {
  font-size: 0.46rem;
}
.mainbox .barLine {
  width: 100%;
}
.mainbox .barLine .barLineTop {
  position: relative;
  display: flex;
}
.mainbox .barLine .barLineTop > span {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-left: 0.2rem;
}
.mainbox .barLine .barLineTop > span > span {
  font-size: 0.2rem;
}
.mainbox .barLine .barLineTop > span > i {
  width: 0.4rem;
  height: 0.1rem;
  border-radius: 0.06rem;
  margin-top: 0.23rem;
  background: linear-gradient(116deg, #13FF71 22.52%, #3EB3FF 64.63%, rgba(63, 190, 255, 0.26) 97.8%);
}
.mainbox .barLine .LendAmount > ul {
  display: flex;
}
.mainbox .barLine .LendAmount > ul li {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}
.mainbox .barLine .LendAmount > ul li .iconImg {
  width: 0.16rem !important;
  height: 0.12rem !important;
  margin-right: 0.08rem;
}
.mainbox .barLine .LendAmount > ul li span:nth-child(1) span {
  font-size: 0.2rem;
}
.mainbox .barLine .LendAmount > ul li span:nth-child(2) i {
  font-size: 0.33rem;
  color: #FF7E41;
  font-weight: 700;
}
.mainbox .barLine .LendAmount > ul li span:nth-child(2) span {
  font-size: 0.25rem;
  color: #FF7E41;
}
.mainbox .barLine .LendAmount .LendAmountNum {
  position: relative;
  margin-left: 0.55rem;
}
.mainbox .barLine .LendAmount .LendAmountNum > i {
  display: inline-block;
  font-size: 0.2rem;
  width: 0.41rem;
  height: 0.3rem;
  text-align: center;
  background-color: #083366;
  border-bottom: 1px solid #3999eb;
  border-top: 1px solid #3999eb;
}
.mainbox .barLine .LendAmount .LendAmountNums > i {
  background-color: #093365;
  border-bottom: 1px solid #3999eb;
  border-top: 1px solid #3999eb;
}
.mainbox .barLine .LendAmount .textColor .spanColor i {
  color: #13d4ff !important;
}
.mainbox .barLine .LendAmount .textColor .spanColor span {
  color: #13d4ff !important;
}
.mainbox .barLine .LendAmount .AlsoQuantity {
  display: flex;
  flex-direction: column;
  font-size: 0.2rem;
  position: absolute;
  bottom: 1rem;
  left: 0.5rem;
}
.mainbox .barLine .LendAmount .AlsoQuantity > i {
  width: 0.4rem;
  height: 0.1rem;
  border-radius: 0.06rem;
  margin-top: 0.23rem;
  background: linear-gradient(90deg, #FCFF73 0%, #FF4E16 31.91%, rgba(255, 137, 29, 0.15) 83.93%);
}
.mainbox .barLine .LendAmountLine {
  width: 8rem;
  height: 3.5rem;
}
.mainbox .barLine .LendAmountLineBottom {
  width: 8rem;
  height: 3rem;
}
#review_box {
  height: 7rem;
}
#comment1 {
  height: 7rem;
  overflow: hidden;
  /* 当内容宽度超出时，水平滚动条 */
  /* 当内容高度超出时，垂直滚动条 */
}
#comment1 .LendingRankingRight {
  font-size: 0.3rem;
  margin-left: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.8rem;
}
#comment1 .LendingRankingRight i {
  display: inline-block;
  font-size: 0.2rem;
  margin: 0 0.3rem;
}
.LendingRankingRight:nth-child(even) p {
  width: 8rem;
  background-color: rgba(0, 255, 209, 0.29);
  display: flex;
  align-items: center;
  line-height: 0.5rem;
  font-size: 0.25rem;
}
.LendingRankingRight:nth-child(even) p span {
  padding: 0 0.4rem;
  flex: 1;
}
.LendingRankingRight:nth-child(even) p span:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.LendingRankingRight:nth-child(even) p span:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.2);
}
.LendingRankingRight:nth-child(odd) p {
  width: 8rem;
  background-color: rgba(14, 144, 229, 0.29);
  display: flex;
  align-items: center;
  line-height: 0.5rem;
  font-size: 0.25rem;
}
.LendingRankingRight:nth-child(odd) p span {
  padding: 0 0.4rem;
  flex: 1;
}
.LendingRankingRight:nth-child(odd) p span:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.2);
}
.LendingRankingRight:nth-child(odd) p span:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.BigDataDisplay {
  display: flex;
  flex-direction: column;
}
.BigDataDisplay .borrowTimeBook {
  width: 15.0333rem;
  height: 4.3417rem;
  background: url('http://192.168.0.2/static/images/default/item_border.png') no-repeat;
  background-size: 100% 100%;
}
.BigDataDisplay .borrowTimeBook .borrowTimeBookTitle {
  display: flex;
  margin-top: 0.1rem;
}
.BigDataDisplay .borrowTimeBook .borrowTimeBookTitle span {
  font-size: 0.2rem;
  margin-left: 0.3rem;
  margin-top: 0.1rem;
}
.BigDataDisplay .borrowTimeBook .borrowTimeBookTitle img {
  width: 0.65rem;
  height: 0.3rem;
  margin-left: 0.5rem;
}
.BigDataDisplay .borrowTimeBook .containerBox .container {
  display: flex;
  margin: 0.5rem;
}
.BigDataDisplay .borrowTimeBook .containerBox .container li img {
  width: 2rem;
  height: 3rem;
}
.BigDataDisplay .dataStatisticsTrait {
  margin-top: 0.2rem;
  display: flex;
}
.BigDataDisplay .dataStatisticsTrait .dataStatisticsTrait {
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
}
.BigDataDisplay .dataStatisticsTrait .dataStatisticsTrait i {
  display: inline-block;
  width: 0.4167rem;
  height: 0.5833rem;
  background: url('../images/title_mark.png');
  background-size: 100% 100%;
}
.BigDataDisplay .dataStatisticsTrait .dataStatisticsTrait h1 {
  font-size: 0.4rem;
}
.BigDataDisplay .dataStatisticsTrait .dataStatistics {
  margin-right: 0.3rem;
  background-color: #fff;
  width: 80%;
  flex: 1;
  background: rgba(3, 25, 111, 0.29);
  box-shadow: 0px 0px 18px 0px #2953ff inset;
}
.BigDataDisplay .dataStatisticsTrait .trait {
  margin-right: 0.6rem;
  background-color: #fff;
  width: 80%;
  height: 3rem;
  flex: 1;
  background: rgba(3, 25, 111, 0.29);
  box-shadow: 0px 0px 18px 0px #2953ff inset;
}
.BigDataDisplay .dataStatisticsTrait .trait img {
  margin-left: 0.3rem;
  width: 92%;
  height: 2rem;
}
.BigDataDisplay .histogramBarGraph {
  display: flex;
  justify-content: center;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft {
  display: flex;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftTop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftTop span {
  font-size: 0.2rem;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftTop i {
  font-size: 0.24rem;
  color: #259BFF;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftBottom {
  width: 1rem;
  position: relative;
  margin-left: 0.3rem;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftBottom span:nth-child(1) {
  display: inline-block;
  width: 0.53rem;
  height: 0.3rem;
  position: absolute;
  left: -0.25rem;
  top: 0;
  z-index: 555;
  background: url('../images/annual_left_line.png');
  background-size: 100%, 100%;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftBottom span:nth-child(2) {
  display: inline-block;
  width: 0.65rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/annual_left_bg.png') no-repeat;
  background-size: 100%, 100%;
}
.BigDataDisplay .histogramBarGraph .BarGraphLeft .BarGraphLeftBottom span:nth-child(2) span {
  margin-top: 0.5rem;
  display: inline-block;
  width: 0.65rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('../images/annual_left.png') no-repeat;
  background-size: 100%, 100%;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom {
  display: flex;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftTop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftTop span {
  font-size: 0.2rem;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftTop i {
  font-size: 0.24rem;
  color: #259BFF;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftBottom {
  width: 1rem;
  position: relative;
  margin-left: 0.3rem;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftBottom span:nth-child(1) {
  display: inline-block;
  width: 0.53rem;
  height: 0.3rem;
  position: absolute;
  left: 0.25rem;
  top: 0;
  z-index: 555;
  background: url('../images/annual_right_line.png');
  background-size: 100%, 100%;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftBottom span:nth-child(2) {
  display: inline-block;
  width: 0.65rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/annual_right_bg.png') no-repeat;
  background-size: 100%, 100%;
}
.BigDataDisplay .histogramBarGraph .BarGraphBottom .BarGraphLeftBottom span:nth-child(2) span {
  margin-top: 0.8rem;
  display: inline-block;
  width: 0.65rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('../images/annual_right.png') no-repeat;
  background-size: 100%, 100%;
}
.BigDataDisplay .bottomLine {
  display: inline-block;
  width: 5rem;
  height: 0.58rem;
  margin-left: 1rem;
  background: url('../images/annual_bg.png') no-repeat center;
  background-size: 50% 100%;
}
.panelHot {
  height: 7.5417rem !important;
}
.HotRecommendationDetails {
  display: flex;
  flex-wrap: wrap;
}
.HotRecommendationDetails .HotRecommendationDetailsItem {
  width: 12%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.2rem 0;
}
.HotRecommendationDetails .HotRecommendationDetailsItem i {
  width: 0.8rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  background-color: rgba(255, 128, 69, 0.22);
  font-size: 0.2rem;
  color: #259BFF;
  border-radius: 0.12rem;
}
.HotRecommendationDetails .HotRecommendationDetailsItem h4 {
  font-size: 0.28rem;
  font-weight: 400;
}
.HotRecommendationDetails .HotRecommendationDetailsItem span {
  font-size: 0.15rem;
}
.HotRecommendationDetails .HotRecommendationDetailsItem img {
  width: 1.5rem;
  height: 1.6rem;
}
.rightTop {
  display: flex;
}
.rightTop .collectionRatio {
  width: 7.3rem;
  height: 9.5417rem;
  background: rgba(3, 25, 111, 0.29);
  box-shadow: 0px 0px 18px 0px #2953ff inset;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0.35rem;
}
.rightTop .circulationRatio {
  width: 7.3rem;
  height: 9.5417rem;
  background: rgba(3, 25, 111, 0.29);
  box-shadow: 0px 0px 18px 0px #2953ff inset;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0.35rem;
}
.rightTop .titleSetType {
  display: flex;
  align-items: center;
  line-height: 0.46rem;
  color: #fff;
}
.rightTop .titleSetType i {
  display: inline-block;
  width: 0.4167rem;
  height: 0.5833rem;
  background: url('../images/title_mark.png');
  background-size: 100% 100%;
}
.rightTop .titleSetType h1 {
  font-size: 0.46rem;
}
.rightTop .circulationRatioPie {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90%;
}
.rightTop .specificProportion {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.rightTop .specificProportion li {
  display: flex;
  width: 3rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.rightTop .specificProportion li i {
  display: inline-block;
  width: 0.4rem;
  height: 0.2rem;
  background-color: #2A26FF;
  margin-right: 0.2rem;
}
.rightTop .specificProportion li > span {
  font-size: 0.3rem;
  color: #fff;
}
.rightTop .specificProportion li:nth-child(2) span:nth-child(1) i {
  background-color: #FF8045;
}
.rightTop .specificProportion li:nth-child(3) span:nth-child(1) i {
  background-color: #D049F2;
}
.rightTop .specificProportion li:nth-child(4) span:nth-child(1) i {
  background-color: #56FF2C;
}
.rightTop .specificProportion li:nth-child(5) span:nth-child(1) i {
  background-color: #DFE781;
}
.rightTop .specificProportion .collectionPie {
  margin-left: 0.5rem;
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(2, 41, 106, 0.29);
  border: 1px solid #0e72a0;
}
.rightTop .specificProportion .collectionPie span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border: 0.05rem solid #318edf;
  border-radius: 50%;
  position: absolute;
  font-size: 0.15rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rightTop .specificProportion .collectionPie .collectionPies {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
  z-index: 9999;
}
